﻿@{
    ViewBag.Title = "新手指引";
}
@section Head{
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Default/CSS/about.css")" />
}
<script type="text/javascript">
    var environment = {
        userVo: '',
        role: '',
        userId: '',
        basePath: '',
        userCash: '',
        globalPath: 'http://www.zxidai.com/'
    };
</script>
<script src="/Content/Default/JS/RegistAndLogin/global-1.1.0.min.js" type="text/javascript"></script>
<link href="/Content/Default/CSS/static.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    #knows p{line-height: 32px;}
    #licaibao p{line-height: 32px;}
    #zhuanrang p{line-height: 32px;}
</style>
<div class="aboutbody">
    <div align="center">
        <a target="_blank" href="@Url.Action("Inspect","Activity")">
            <img src="@Url.Content("~/Content/Default/Images/banner_1.png")"/>
        </a>
    </div>
   
    <div class="about">
        <div class="wrap">
            <div class="container" style="height: 380px;">
                <div class="row">
                    <div class="span6 about-jimubox-words words" style="text-align: left;padding-right: 0" id="knows">
                        <h3 style="text-align: right;padding-right: 50px;">认识众禧贷</h3>
                        <p>众禧贷运用P2B（person-to-business）模式为全国个人理财用户及中</p>
                        <p>小企业搭建互联网居间服务平台，自成立以来一直重视产品结构、严控</p>
                        <p>风险、加强服务。在这里，您将享受安全、透明、阳光的保障服务，在</p>
                        <p>获取稳定收益的同时，也为中小企业打开了融资新渠道。</p>
                    </div>
                    <div class="span6" style="margin-top: -30px;">
                        <img src="@Url.Content("~/Content/Default/Images/Guide/about_01.png")">
                    </div>
                </div>
@*                <a  id="more_aptitudes" class="more" href="javascript:" target="_blank" style="margin-top: 20px;">查看相关资质证件</a>*@
            </div>
        </div>
        <div class="wrap about-wrap-gray" style="height: 450px;">
            <div class="container">
                <div class="row">
                    <div class="span6">
                        <img src="@Url.Content("~/Content/Default/Images/Guide/about_02.png")" style="position: relative; top: -16px;"/>
                    </div>
                    <div class="span6 about-name-words words " id="licaibao">
                        <h3>
                            什么是禧农贷</h3>
                        <p>平台提供实物抵押、机构担保等多类产品，用户根据实地认证考察、</p>
                        <p>多重审核、期限等信息，自选合适的借款项目，构建符合个人意</p>
                        <p>愿的投资组合。</p>
                        <p>-10%-18%预期年化收益率</p>
                        <p>-大型担保机构合作担保</p>
                        <p>-项目期限自由选择， 12个月以内，债权转让使资金更灵活</p>
                        <p>-100元起投，小额多笔分散投资，降低风险</p>
                    </div>
@*                    <a class="more" href="@Url.Action("Income", "Home")" target="_blank">查看收益稳定</a>*@
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="container">
                <div class="row">
                    <div class="span6 about-jimubox-words words " id="zhuanrang">
                        <h3>什么是债权转让</h3>
                        <p>债权转让是众禧贷平台为用户提供的一项债权转出功能，是指不改</p>
                        <p>变合同内容的合同转让，债权人可以通过出售其名下拥有符合相应</p>
                        <p>条件的债权，从而获得流动资金。</p>
                        <p>债权持有3天后即可进行转让-</p>
                        <p>寻找折价债权，获得更多折让收益-</p>
                        <p>一份债权，多人购买-</p>
@*                        <a class="more" href="@Url.Action("ShowDetail", "Article", new {id=188})" target="_blank" style="margin-top: 30px;">查看债权规则</a>*@
                    </div>
                    
                    <div class="span6" style="margin-top: -30px;">
                        <img src="@Url.Content("~/Content/Default/Images/Guide/about_03.png")">
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap about-wrap-gray" style="height: 450px;">
            <div class="container words about-choose-words">
                <h3>
                    为什么选择众禧贷？</h3>
                <div class="row">
                    <div class="span3">
                        <img src="/Content/Default/Images/Guide/about04b.png"/>
                        <h4 style="font-size: 16px; line-height: 40px; padding-bottom: 10px;">安全保障</h4>
                        <p>第三方担保、实物抵押</p>
                        <p>第三方支付通道,风险保障金</p>
                    </div>
                    <div class="span3">
                        <img src="/Content/Default/Images/Guide/about05b.png"/>
                        <h4 style="font-size: 16px; line-height: 40px; padding-bottom: 10px;">高收益低门槛</h4>
                        <p>预期年化收益可高达10%-18%</p>
                        <p>100元起投门槛</p>
                        <p>满标次日开始计息</p>
                        <p>付息还本收益最大化</p>
                    </div>
                    <div class="span3">
                        <img src="/Content/Default/Images/Guide/about06b.png"/>
                        <h4 style="font-size: 16px; line-height: 40px; padding-bottom: 10px;">投资灵活</h4>
                        <p>借款项目期限12个月以内</p>
                        <p>多行业、多担保可选</p>
                        <p>自动投标快速理财</p>
                        <p>债权转让资金灵活变现</p>
                    </div>
                    <div class="span3">
                        <img src="/Content/Default/Images/Guide/about07b.png"/>
                        <h4 style="font-size: 16px; line-height: 40px; padding-bottom: 10px;">贴心服务</h4>
                        <p>认证、充值、提现费用全免</p>
                        <p>操作简单、10秒开户</p>
                        <p>申请提现当日到账</p>
                        <p>为借贷双方倾力服务</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="container words about-achievement-words">
                <h3>一年的成就</h3>
                <div class="row">
                    <div class="span3">
                        <div class="achievement-circle">
                            <h5>
                                累计交易额</h5>
                            <h4>
                                000,000,000<span>.00</span></h4>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="achievement-circle">
                            <h5>
                                预期收益</h5>
                            <h4>
                                00,000,000<span>.00</span></h4>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="achievement-circle">
                            <h5>
                                已还本金</h5>
                            <h4>
                                000,000,000<span>.00</span></h4>
                        </div>
                    </div>
                    <div class="span3">
                        <div class="achievement-circle">
                            <h5>
                                发放收益</h5>
                            <h4>
                                00,000,000<span>.00</span></h4>
                        </div>
                    </div>
                </div>
@*                <a class="more" href="@Url.Action("Data", "Home")" target="_blank">更多数据</a>*@
            </div>
        </div>
        <div class="wrap about-wrap-gray">
            <div style="height: 680px; margin: 0 auto; padding: 50px 0 0; width: 1082px;">
                <h3 style="color: #e44838; font-size: 24px; margin: 0 0 40px auto; text-align: center;">
                    如何投资</h3>
                <div class="guid_cont">
                    <div class="investMain">
                        <a href="javascript:;" class="prev" id="idPrev"></a><a href="javascript:;" class="next"
                                                                               id="idNext"></a>
                        <ul class="howInvest r3 how-step-0" id="idNum" style="background: #ffffff;">
                            <li class="step-1"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">
                                                   &nbsp;1&nbsp;
                                               </span>&nbsp;&nbsp;注册</li>
                            <li class="step-2"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">
                                                   &nbsp;2&nbsp;
                                               </span>&nbsp;&nbsp;绑定银行卡</li>
                            <li class="step-3"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">
                                                   &nbsp;3&nbsp;
                                               </span>&nbsp;&nbsp;充值</li>
                            <li class="step-4"><span style="background-color: #e5e5e5; border: solid 1px #ffffff; border-radius: 18px; height: 20px; width: 20px;">
                                                   &nbsp;4&nbsp;
                                               </span>&nbsp;&nbsp;进行投资</li>
                        </ul>
                        <div class="investbox" id="idFormView" style="margin-top: 50px; overflow: hidden; position: relative;">
                            <ul class="invesSlider" id="idSlider" style="left: 0px; position: absolute; top: 0px; width: 2772px;">
                                <li>
                                    <img src="/Content/Default/Images/Guide/guide_0.png" width="693" height="447">
                                </li>                                          
                                <li>                                           
                                    <img src="/Content/Default/Images/Guide/guide_1.png" width="693" height="447">
                                </li>                                           
                                <li>                                            
                                    <img src="/Content/Default/Images/Guide/guide_2.png" width="693" height="447">
                                </li>                                            
                                <li>                                             
                                    <img src="/Content/Default/Images/Guide/guide_3.png" width="693" height="447">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    (function () {
        var a = {
            Step: 15,
            Time: 10,
            Auto: false,
            Pause: 4000,
            Index: 0,
            timer: null,
            target: 0,
            direc: 'left',
            init: function () {
                a.slide();
            },
            slide: function () {
                var oContainer = Util.getID('idFormView');
                var onPrev = Util.getID('idPrev');
                var onNext = Util.getID('idNext');
                var oSlider = Util.getID('idSlider');
                var oNumber = Util.getID('idNum');
                var onIndex = oNumber.getElementsByTagName('li');
                var osCount = 4;
                var osWidth = 693;
                oContainer.style.overflow = 'hidden';
                oContainer.style.position = 'relative';
                oSlider.style.width = osCount * osWidth + 'px';
                oSlider.style.position = 'absolute';
                oSlider.style.top = oSlider.style.left = 0;
                var Move = function () {
                    clearTimeout(a.timer);
                    var iNow = parseInt(oSlider.style[a.direc]);
                    var iStep = GetStep(a.target, iNow);
                    if (iStep != 0) {
                        oSlider.style[a.direc] = (iNow + iStep) + 'px';
                        a.timer = setTimeout(function () {
                            Move();
                        },
                            a.Time);
                    } else {
                        oSlider.style[a.direc] = a.target + 'px';
                        if (a.Auto) {
                            a.timer = setTimeout(function () {
                                a.Index++;
                                Start();
                            },
                                a.Pause);
                        }
                    }
                };
                var GetStep = function (iTarget, iNow) {
                    var iStep = (iTarget - iNow) / a.Step;
                    if (iStep == 0) {
                        return 0;
                    };
                    if (Math.abs(iStep) < 1) {
                        return (iStep > 0 ? 1 : -1);
                    };
                    return iStep;
                };
                var Stop = function (iTarget, iNow) {
                    clearTimeout(a.timer);
                    oSlider.style[a.direc] = a.target + 'px';
                };
                var Each = function (list, fun) {
                    for (var i = 0,
                        len = list.length; i < len; i++) {
                        fun(list[i], i);
                    }
                };
                onPrev.onclick = function () {
                    clearTimeout(a.timer);
                    a.Index--;
                    Start();
                };
                onNext.onclick = function () {
                    clearTimeout(a.timer);
                    a.Index++;
                    Start();
                };
                var Start = function () {
                    if (a.Index < 0) {
                        a.Index = osCount - 1;
                    } else if (a.Index >= osCount) {
                        a.Index = 0;
                    };
                    a.target = -1 * osWidth * a.Index;
                    oNumber.className = 'howInvest r3 how-step-' + a.Index;
                    Each(onIndex, function (o, i) {
                        o.onmouseover = function () {
                            oNumber.className = 'howInvest r3 how-step-' + i;
                            a.Auto = false;
                            a.Index = i;
                            Start();
                        };
                    });
                    Move();
                };
                Start();
            }
        };
        a.init();
    })();
    $().ready(function () {
        $("ul li").removeClass("active");
        $("#guide_ul_li_a").addClass("active");
        $("#nav_li-Guide a,#nav_li-Guide div").addClass("a_class");
    });
    
</script>